<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop>
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'av.title' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="house">
        <div class="house_content">
            <div class="house_img" [style.background-image]="'url('+src+detail.logo+')'"> <a class="iconfont"><img [src]=" detail.collected?'./assets/imgs/love_active.png':'./assets/imgs/love.png' " alt=""></a></div>
            <div class="house_info">
            <p><i class="iconfont icon-map_map"></i><font>{{detail.address}}</font></p>
            <p> 
                <label for=""> <i class="iconfont icon-detail_sofa"></i><font>{{ detail.living }}</font> </label>
                <label for=""> <i class="iconfont icon-detail_bed"></i><font>{{ detail.bedroom }}</font> </label>
                <label for=""> <i class="iconfont icon-bad"></i><font>{{ detail.bathroom }}</font> </label>
                <label for=""> <font>{{detail.area}}{{detail.area_unit}}({{detail.other_area}}{{detail.other_area_unit}})</font> </label>
            </p>
            <p>
                <font>{{detail.cateName}}</font>
                <span>{{detail.price_unit}}{{detail.price}}/{{detail.price_type}}</span>
            </p>
            </div>
        </div>
    </div>
    <div class="contact-content">
        <div class="card">
            <p class="hc-list">{{ 'Contact.Name' | translate }} <font style="color:red">*</font> <span><input type="text" [(ngModel)]="form.truename"></span> </p>
            <p class="hc-list">{{ 'slook.time' | translate }} <font style="color:red">*</font> <span><ion-datetime displayFormat="YYYY-MM-DD" palceholader="" [(ngModel)]="form.contacttime" min="2018" max="2040"></ion-datetime></span> </p>
            <p class="hc-list">{{ 'Contact.Email' | translate }}<font style="color:red">*</font> <span><input type="text" [(ngModel)]="form.email"></span> </p>
            <p class="hc-list">{{ 'Contact.Telephone' | translate }} <span style="color:#999999"><input type="text" [(ngModel)]="form.tel"></span> </p>
            <div class="textarea">
                <p>{{ 'av.Message' | translate }}</p>
                <ion-textarea  [(ngModel)]="form.message"></ion-textarea>
            </div>
        </div>
        
    </div>
    <button class="hc-button" ion-button [navPush]="payresultPage" (click)="sub()">{{ 'Contact.Submit' | translate }}</button>
</ion-content>
